<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/pages/master.xhtml">
	<ui:define name="content">
	    <h:form id="frmRegister">
	    	<p:growl id="growl" />
	    	<p:panel header="Crear Nueva Cuenta" styleClass="registro" id="panel">
				<p class="info">Los campos marcados con * son obligatorios.</p>
				<h:panelGrid columns="4" cellpadding="5">
					  <f:facet name="header">  
				        DATOS PERSONALES 
				    </f:facet>
				    <h:outputText value="Nombre*" id="LblNombre" />
				    <p:inputText value="#{registrarClienteBean.nombre}" id="TxtNombre"/>
					
					<h:outputLabel value="Apellido*" id="LblApellido" for="TxtApellido"/>
					<p:inputText id="TxtApellido" value="#{registrarClienteBean.apellido}" />
					
					<h:outputText value="Tipo*" id="LblTipo" />
					<h:selectOneMenu value="#{registrarClienteBean.id}" id="select">
						<f:selectItems value="#{registrarClienteBean.listaTipoCliente}"
							var="t" itemLabel="#{t.descripcion}" itemValue="#{t.tipoclienteid}"/>
					</h:selectOneMenu>
					
					<h:outputText value="Telefono*" id="LblTelefono" />
					<p:inputMask id="TxtTelefono" value="#{registrarClienteBean.telefono}" mask="99-999-999"/>
					
					<h:outputText value="Movil" id="LblMovil" />
					<p:inputMask id="TxtMovil" value="#{registrarClienteBean.movil}" mask="99-999-999"/>
					
					<h:outputText value="Fax" id="LblFax" />
					<p:inputText id="TxtFax" value="#{registrarClienteBean.fax}" />					
					<h:panelGroup />
											
				</h:panelGrid>
				<h:panelGrid columns="2" cellpadding="5">
					<h:outputLabel value="Direccion*" id="LblDireccion" for="TxtDireccion"/>
					<p:inputTextarea value="#{registrarClienteBean.direccion}" id="TxtDireccion" rows="3" cols="58" />
				</h:panelGrid>					
				<p:separator />
					
				<h:panelGrid id="gridRegistro" columns="3" cellpadding="5">	
					<f:facet name="header">
						DATOS DE REGISTRO
					</f:facet>
					<h:outputLabel value="E-mail*" id="LblEmail" for="TxtEmail"/>
					<p:inputText id="TxtEmail" label="TxtEmail" value="#{registrarClienteBean.username}" />
					<!--  <p:message for="TxtEmail" display="icon"/>-->
					
					<h:outputLabel value="Contraseña*" id="LblPassword" for="TxtPassword"/>
					<p:password id="TxtPassword" label="TxtPassword" value="#{registrarClienteBean.password}" />
					<!--  <p:message for="TxtPassword" display="icon"/>-->
					
					<h:outputLabel value="Repita la contraseña*" id="LblConfPass" for="TxtConfPass" />
					<p:password id="TxtConfPass" label="TxtConfPass" value="#{registrarClienteBean.confPassword}" />
					<!--  <p:message for="TxtConfPass" display="icon"/>-->
					
					<h:panelGroup />
					<p:commandButton id="BtnEnviar" value="Guardar" actionListener="#{registrarClienteBean.registrar()}"
					update="growl"/>
					<!-- update="gridRegistro" -->
				</h:panelGrid>				
			</p:panel>
	    </h:form>
	</ui:define>
</ui:composition>
</html>